<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>snabbdom-demo</title>
</head>

<body>
	<div id="app"></div>
	<script src="./src/index.js"></script>
</body>

<style>
	body{
		width: 800px;
		margin: auto;
		background: #222;
		color: bisque;
		user-select: none;
	}
	.btn{
		color: #999;
		margin-left: 15px;
		cursor: pointer;
	}
	.active{
		color: darkorange;
	}
	.listContent{
		padding: 20px 10px 0;
		transition: all 1s;
		-webkit-transition: all 1s;
	}
	.listContent >p{
		padding: 0 10px;
		display: inline-block;
		vertical-align: middle;
	}
	.listContent >.rank{
		width: 30px;
		padding-left: 0;
	}
	.listContent >.title{
		width: 100px;
	}
	.listContent >.desc{
		width: 500px;
	}
	.listContent >.del{
		cursor: pointer;
	}
</style>
</html>